import React,  {Component, PropTypes} from 'react';
import {
    StyleSheet,
    Text,
    View
} from  'react-native';

export default class Menu extends Component{

    constructor (props) {
        super(props)
    }

    componentWillMount () {
        console.log("componentWillMount")
    }
    componentDidUpdate () {
        console.log("componentDidUpdate")
    }

    render () {
        return <View style={{ flexDirection: "row", backgroundColor: "#ccc", marginTop: 20, flexWrap: "wrap" }}>
            <View style={{ margin: 5, backgroundColor:'#ddd' }}>
                <Text>1</Text>
            </View>
            <View style={{ margin: 5, backgroundColor:'#eee' }}>
                <Text>2</Text>
            </View>
            <View style={{ margin: 5, backgroundColor:'#999'}}>
                <Text>3</Text>
            </View>
        </View>
    }
}
